<template>
	<el-menu
	  :default-active="activeIndex2"
	  class="el-menu"
	  mode="horizontal"
	  @select="handleSelect"
	  background-color="#545c64"
	  text-color="#fff"
	  active-text-color="#ffd04b"
	  menu-trigger="click">
	  <el-menu-item index="0">
		  <!-- logo图片 -->
		<img style="height: 65px;" src="../assets/logo.png"/>
	  </el-menu-item>
	  <!-- <el-menu-item index="1">处理中心</el-menu-item>
	  <el-submenu index="2">
	    <template slot="title">我的工作台</template>
	    <el-menu-item index="2-1">选项1</el-menu-item>
	    <el-menu-item index="2-2">选项2</el-menu-item>
	    <el-menu-item index="2-3">选项3</el-menu-item>
	    <el-submenu index="2-4">
	      <template slot="title">选项4</template>
	      <el-menu-item index="2-4-1">选项1</el-menu-item>
	      <el-menu-item index="2-4-2">选项2</el-menu-item>
	      <el-menu-item index="2-4-3">选项3</el-menu-item>
	    </el-submenu>
	  </el-submenu>
	  <el-menu-item index="3">消息中心</el-menu-item>
	  <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item> -->
	  <el-submenu index="5" style="float: right;">
	    <template slot="title">您好，{{this.$store.state.user.userInfo.username == '' ? '请登录':this.$store.state.user.userInfo.username}}</template>
	    <!-- <el-menu-item index="5-1">选项1</el-menu-item>
	    <el-menu-item index="5-2">选项2</el-menu-item> -->
	    <el-menu-item index="5-3" @click="logout">退出登录</el-menu-item>
	  </el-submenu>
	</el-menu>
</template>

<script>
	import { logout } from '../api';
	export default {
	    data() {
	      return {
	        activeIndex: '1',
	        activeIndex2: '1'
	      };
	    },
	    methods: {
	      handleSelect(key, keyPath) {
	        // console.log(key, keyPath);
	      },
		  logout(){
			  // console.log(this.getStore('userId'));
			  let data = {
				  userId: this.getStore('userId')
			  }
			  //退出登录
			  logout(data).then(res => {
				  this.$store.commit('logout');
				  console.log(this.$store);
				  if(this.$route.path != '/login'){
					  this.$router.push('/login');
				  }
			  })
		  }
	    }
	  }
</script>

<style>
	
</style>